<%--
  Created by IntelliJ IDEA.
  User: LYM
  Date: 2022/7/4
  Time: 12:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core' %>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

</script>

<html>
<head>
    <title></title>

</head>

<body style="background: #ececef">


</body>
<%String username = (String) session.getAttribute("username"); %>
<div class="topnavWrap">
    <%--    <form method="post" action="./LogoutServlet">--%>
    <%--        <button class="topnavele">--%>
    <%--            Log Out--%>
    <%--        </button>--%>
    <%--    </form>--%>
    <div class="topnavele">
        <form method="post" action="./LogoutServlet">
            <button style="width: 100%;height: 100%">
                Log Out
            </button>
        </form>

    </div>

    <div class="topnavele">
        <%= username %>
    </div>

</div>
<div class="pageWrap">
    <div class="sidebar">
        <div class="tab" id="cate0"></div>
        <div class="design" id="cate1">
            <a href="addWarehouse.jsp">
                <button class="navto-nav">Add Warehouse</button>
            </a>
        </div>
        <div class="design" id="cate2">
            <a href="addWorker.jsp">
                <button class="navto-nav">Add Worker</button>
            </a>
        </div>
        <div class="design" id="cate3">
            <a href="addShelf.jsp">
                <button class="navto-nav">Add Shelf</button>
            </a>
        </div>
        <div class="design" id="cate4">
            <a href="delet.jsp">
                <button class="navto-nav">Delete</button>
            </a>
        </div>
        <div class="design" id="cate5">
            <div class="navto-nav">5</div>
        </div>
        <div class="design" id="cate6">
            <div class="navto-nav">6</div>
        </div>
        <div class="design" id="cate7">
            <div class="navto-nav">7</div>
        </div>
        <div class="design" id="cate8">
            <div class="navto-nav">8</div>
        </div>
        <div class="design" id="cate9">
            <div class="navto-nav">9</div>
        </div>
        <div class="design" id="cate10">
            <div class="navto-nav">10</div>
        </div>

    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-10">
                <div class="panel panel-default">
                    <br>
                    <br>

                    <div class="panel-heading">SEARCH</div>
                    <div class="panel-body">
                        <form role="form" class="form-inline" action="./queryAllServlet" method="post">

                            <div class="form-group " style="margin-left: 20px">
                                <button type="submit" class="btn btn-info ">
                                    <span style="margin-right: 5px"
                                          class="glyphicon glyphicon-search" aria-hidden="true">

                                    </span>Search
                                </button>

                            </div>
                        </form>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-hover ">
                            <table class="table table-hover ">
                                <thead>
                                <tr>
                                    <th>warehouse name</th>
                                    <th>shelfID</th>
                                    <th>goods type</th>
                                    <th>number of goods</th>
                                    <th>workerID</th>
                                    <th>worker name</th>

                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${list}" var="listallinfor">
                                    <tr>
                                        <td>${listallinfor.warehouseName}</td>
                                        <td>${listallinfor.shelfID}</td>
                                        <td>${listallinfor.goodsType}</td>
                                        <td>${listallinfor.goodsNum}</td>
                                        <td>${listallinfor.workerID}</td>
                                        <td>${listallinfor.workerName}</td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <style>
        .pageWrap {
            width: 100%;
            height: 100%;
            float: left;

        }

        .sidebar {
            width: 15%;
            height: 100%;
            background: azure;
            border-style: solid;
            border-color: #efefef;
            float: left;
        }

        .tab {
            font-size: 20px;
            height: 30px;
            width: 100%;
            background: aquamarine;
            line-height: 30px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
            border-width: 1px 1px 1px 1px;
            border-style: solid;
            border-color: #efefef;
            border-radius: 2px 2px 0px 0px;
            text-align: center;
        }

        .navto-nav {
            font-size: 18px;
            height: 60px;
            width: 100%;
            background: azure;
            line-height: 60px; /*把line-height高度设置和height一样就可以让字体垂直居中*/
            border-width: 0px 1px 1px 1px;
            border-style: solid;
            border-color: #efefef;
            text-align: center;
            text-decoration: none;
        }

        .navto-nav:hover {
            background: aquamarine;
        }

        .topnavWrap {
            height: 43px;
            width: 100%;
            background: aquamarine;
            border-style: solid;
            border-color: #efefef;
            position: fixed;
            top: 0;
            text-align: center;
            line-height: 40px;
            z-index: 999;

        }

        .topnavele {
            height: 40px;
            width: 10%;
            background: azure;
            text-align: center;
            line-height: 40px;
            float: right;
            text-decoration: none;

        }

        .topnavele:hover {
            background: aqua;
        }

        a {
            text-decoration: none;
        }

    </style>

    <%--搜索界面css--%>
    <style>
        .listWrap {
            width: 100%;
            background: gray;
        }
    </style>


</html>
